@extends('layouts.main')
@section('title')
我的账单
@endsection
@section('othercss')
<style>
    body{
        background-color:#F4F4F4
    }
    .order_detail{
        background-color:#FFFFFF;
        margin: 20px;
        border-radius:5px;
        box-shadow: 2px 2px 3px #aaaaaa;
        padding:20px
    }
    .line{
        width:100%;
        height:0;
        border-bottom:#999999 1px dashed;
    }
    .pay_state{
        width:100%; 
        height:50px;
        position: absolute;
        bottom: 0px;
        text-align:center;
        background-color: #3E456C;
    }
    .center{
        position: absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
        width:50%;
        height:50%;
        margin:auto;
    }
    .gray{
        color:#999999
    }
</style>
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
@endsection
@section('content')
    @if($orders->count() == 0)
    <div class="order_detail">您还没有账单</div>
    @endif
    @foreach($orders as $order)
    <div class="order_detail">
        <div>
            <font size="3">支付账单</font><br>
            <font size="1" style="color: #999999">{{date('Y年m月d日 H:i:s',strtotime($order->pay_time))}}</font>
        </div>
        <div style="text-align:center">
            <font size="2" style="color: #999999">支付金额</font><br>
            <font size="4">￥{{$order->total}}</font>
        </div>
        <div class="line"></div>
        <div style="padding:5px;margin-top: 5px">
            <span class="gray">支付方式:</span>微信支付<br>
            <span class="gray">商品详情:</span>熊猫立方无人超市-商品<br>
            <span class="gray">交易单号:</span>{{$order->order_num}}
        </div>
    </div>
    @endforeach
@endsection
